{% extends "base.html" %}

{% block title %}联系我 - 我的个人网站{% endblock %}

{% block content %}
<div class="contact-container">
    <h1>联系我</h1>
    
    {% if success_message %}
    <div class="success-message">
        {{ success_message }}
    </div>
    {% endif %}
    
    <div class="contact-content">
        <div class="contact-info">
            <h2>联系方式</h2>
            <p>如果您有任何问题或合作机会，请随时与我联系。</p>
            <ul>
                <li>邮箱: 750860455@QQ.com</li>
<!--                <li>电话: +86 123 4567 8901</li>-->
<!--                <li>地址: 北京市朝阳区</li>-->
            </ul>
        </div>
        
        <div class="contact-form">
            <h2>发送消息</h2>
            <form method="post" action="/contact">
                <div class="form-group">
                    <label for="name">姓名:</label>
                    <input type="text" id="name" name="name" required>
                </div>
                
                <div class="form-group">
                    <label for="email">邮箱:</label>
                    <input type="email" id="email" name="email" required>
                </div>
                
                <div class="form-group">
                    <label for="message">消息:</label>
                    <textarea id="message" name="message" rows="5" required></textarea>
                </div>
                
                <button type="submit">发送</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}